<template>
<div>
    <h6>Student-组件</h6>
    <input type="text" name="" id="" v-model="name">
    <p>hello大家好，我是一个小学生，名字叫<b>{{name}}</b></p>

    <button @click="submitData">提交数据</button>
</div>
</template>

<script>
export default {
    name: 'Student',
    data() {
        return {
            name: '唐银'
        }
    },
    mounted() {
        
    },
    methods: {
        // 往消息总线$bus触发自定义事件studentData
        submitData() {
            this.$bus.$emit('studentData', this.name, '今天你不用来了', '你来了你也没有用')
        }
    },
}
</script>

<style scoped>
div {
    border: 1px solid gray;
    padding: 10px 20px;
}
</style>